<template>
	<div class="back">
		<div class="header">
			<div class="go">
				<i class="el-icon-erp-shangyiye" @click="back"></i>
				<p>{{title}}</p>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name:'back',
		props:{
			title:{
				type:String,
				default:''
			}
		},
		data () {
			return {
				
			}
		},
		methods:{
			back () {
				this.$router.go(-1)
			}
		}
	}
</script>

<style lang="less" scoped>
   .back{
   	  width:100%;
   	  position: fixed;
   	  top: 0;
   	  left:0;
   	 .header{
    		width:100%;
    		background: #FFFFFF;   		
    		.go{
    			display: flex;
    			width:100%;
    			height: 80px;
    			background: #FFFFFF;
    			i{   
    				width:60px;
    				font-size: 40px;
    				font-weight: 700;
    				line-height: 80px;   				
    			}
    			p{
    				flex: 1;
    				text-align: center;
    				font-size: 30px;
    				line-height: 80px;
    			}
    		}
    	}    	
   }
</style>